<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>iframe测试体验页面无刷新</title>
</head>
<body>
<div>
    <p>请输入地址</p>
    <p>
        <input type="text" id="url" value="https://www.bing.com">
        <input type="button" value="提交" onclick="go()">
    </p>
</div>

<div>
    <iframe id="iframe1" style="width:100%;height:500px"></iframe>
</div>

<script>
    function go() {
        // 所有的值，提前获取。
        var url = document.getElementById("url").value;
        document.getElementById("iframe1").src=url;
    }
</script>
</body>
</html>